<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>购物车</title>
    <link rel="stylesheet" href="css/未安排.css">
    <script src="./js/remScale.js"></script>
</head>

<body>
    <div class="container">
        <header class="header">
            <div class="wrap">
                <a href="#"><img src="./images/public/arrow.jpg" alt=""></a>
                <h2>购物车</h2>
                <div class="points">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </header>
        <ul class="pro-list">
            <li>
                <i class="checked"></i>
                <img src="./images/shoping_car_images/shop.jpg" alt="">
                <p>
                    <span class="pro-name">欧莱雅面霜</span>
                    <span class="pro-des">规格 50g</span>
                    <span class="pro-price">￥199.00</span>
                </p>
                <div class="count-group">
                    <input type="button" value="-">
                    <input type="text" value="1">
                    <input type="button" value="+">
                </div>
                <div class="del">
                    删除
                </div>
            </li>
            <li class="active">
                <i></i>
                <img src="./images/shoping_car_images/shop.jpg" alt="">
                <p>
                    <span class="pro-name">欧莱雅面霜</span>
                    <span class="pro-des">规格 50g</span>
                    <span class="pro-price">￥199.00</span>
                </p>
                <div class="count-group">
                    <input type="button" value="-">
                    <input type="text" value="1">
                    <input type="button" value="+">
                </div>
                <div class="del">
                    删除
                </div>
            </li>
            <li>
                <i></i>
                <img src="./images/shoping_car_images/shop.jpg" alt="">
                <p>
                    <span class="pro-name">欧莱雅面霜</span>
                    <span class="pro-des">规格 50g</span>
                    <span class="pro-price">￥199.00</span>
                </p>
                <div class="count-group">
                    <input type="button" value="-">
                    <input type="text" value="1">
                    <input type="button" value="+">
                </div>
                <div class="del">
                    删除
                </div>
            </li>
            <li>

            </li>
        </ul>

        <div class="jiesuan">
            <div class="left clearfix">
                <ul class="clearfix">
                    <li class="select-all">
                        <i class="checked"></i>
                        <span>全选</span>

                    </li>
                    <li class="zongji">
                        <p class="p1"><span>总计:<i>163.00</i></span></p>
                        <p class="p2"><span>不含运费，已优惠¥0.00</span></p>
                    </li>

                </ul>
                <div class="btn">
                    <span>去结算(2件)</span>

                </div>
            </div>

        </div>


        <!--页脚-->
        <div class="fixed-menu">
            <div class="con">
                <nav class="nav">
                    <a href="#">
                        <i></i>首页
                    </a>
                    <a href="#">
                        <i></i>购物车
                    </a>
                    <a href="#">
                        <i></i>我的
                    </a>
                </nav>
            </div>
        </div>
    </div>
</body>

</html>
